
/***************************************
Nama tema: Ijo BOYO
Desaign oleh: damas amirul karim
URL: http://mania-xp.blogspot.com
****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body, .body-fauxcolumn-outer {
line-height: 1;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: &#039;&#039;;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.status-msg-wrap, .feed-links {display: none;}
body{
background:#000;
color: green;
font:16px chaparral-pro,Georgia,"Times New Roman",Times,serif;
margin:0px;
padding:0px;
}
a:link,a:visited{
color:#08d103;
outline:none;
text-decoration:none;
}
a:hover{
color: green;
outline:none;
}
a img{
border-width:0
}
#nav{
float:right;
padding-top:20px;
font-family: proxima-nova-extra-condensed,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
font-size:18px;
text-transform: uppercase;
}
#nav ul{
float:right;
padding-bottom:30px;
}
#nav ul, nav ul li{
margin:0;
padding:0;
list-style:none;
}
#nav ul li{
display:inline;
}
#nav ul li a{
padding:20px;
color: green;
text-decoration:none;
}
#nav ul li a:hover, #nav ul li.active a {
color:#08d103;
text-decoration:none;
border-top:4px solid lime;
background:none;
}
#nav ul {
margin:0;
padding:0;
height:auto;
}
#header-wrapper {
width: 940px;
margin-top:4px;
text-align: left;
border-bottom:4px solid lime;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
float:left;
width:300px;
margin: 0;
color: green;
text-align: left;
}
#header2 {
float:left;
}
#header h1, #header p {
font: normal normal 36px Impact, sans-serif;
text-transform: uppercase;
line-height: 1.5;
margin-bottom: 0.25em;
}
#header {
background:url(http://3.bp.blogspot.com/-P2FTFNDNhxw/UCszvUTZoVI/AAAAAAAAAVY/0iTAHqwS7bk/s1600/mania-xp.png) no-repeat left;
padding-left:32px;
color: #08d103;
text-decoration:none;
}
#header a:hover {
color: green;
}
#header .description {
display:none;
}
#header img {
margin-left: auto;
margin-right: auto;
}
#outer-wrapper {
background: #000;
padding: 0;
margin:0 auto;
width:940px;
text-align:left;
font: normal normal 100% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
}
#content-wrapper {
width: 940px;
padding: 0;
margin:0 auto 0;
}
#main-wrapper {
width: 560px;
float: left;
padding: 2% 2% 0;
word-wrap: break-word;
overflow: hidden;
}
#iklan-wrapper {
margin-top:10px;
margin-right:5px;
width: 310px;
padding:5px;
float: right;
color: green;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
margin-top:3px;
margin-right:5px;
width: 310px;
background:#004000;
padding:5px;
border:1px solid #00ff00;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
float: right;
color: green;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper h2 {
color:black;
background:url(http://3.bp.blogspot.com/-P2FTFNDNhxw/UCszvUTZoVI/AAAAAAAAAVY/0iTAHqwS7bk/s1600/mania-xp.png) no-repeat green right;
margin:2px;
border:1px solid #00ff00;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-left:5px;
}
h2 {
font-size:120%;
line-height: 1.4em;
letter-spacing:.1em;
}
.post {
margin:.5em 0 1.5em;
padding:5px;
}
.post h3 {
background:url(http://3.bp.blogspot.com/-P2FTFNDNhxw/UCszvUTZoVI/AAAAAAAAAVY/0iTAHqwS7bk/s1600/mania-xp.png) no-repeat green left;
color: #08d103;
font:normal normal 20px Impact, sans-serif;
border:1px solid lime;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height:27px;
margin:2px;
padding: 0 0 0 32px;
font-size:20px;
font-family:Georgia, Serif;
font-weight:400;
line-height:1.4em;
overflow:hidden;
}
.post h3 a {
display:block;
text-decoration:none;
color: #08d103;
font-weight:normal;
}
.post h3 a:hover{
color: black;
}
.post h3 a:visited, .post-body a {
text-decoration:none;
}
.post h2 {
font-size:140%;
font-family:Georgia, Serif;
font-weight:400;
margin:.4em 0 0;
padding:0 0 10px;
}
.post-body {
margin:0 0 .75em;
line-height:1.7em;
}
.post-body blockquote {
line-height:1.3em;
border-left:2px solid #ccc;
padding:5px 10px;
color:#666;
font-style:italic;
}
.post-footer {
background:#004000;
border:1px solid #00ff00;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: .75em 0;
padding-left:5px;
color:#999;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.post-header-line-1 {
margin: 0 0 1.8em;
color:#888;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
font-size:11px;
line-height: 1.4em;
}
.comment-link {
margin-left:1px;
}
.post img {
padding:4px;
margin:2px 8px 2px 0;
}
.post a img {
border:0;
}
.post a:hover img {
border:0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
.jump-link {
text-align:right;
margin:5px;
}
.post-body ol li ol {
list-style-type:lower-alpha;
}
code {
line-height:1.3em;
border:1px solid #ccc;
padding:0 0.2em;;
font-family:Monaco,Monospace;
}
pre code {
display:block;
font:normal 12px/22px Monaco,Monospace !important;
color:#CFDBEC;
background-color:#2f2f2f;
background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
padding:0em 1em;
overflow:auto;
}
#comments {
padding: 10px;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.sidebar, .iklan {
line-height: 1.5em;
}
.sidebar ul, .iklan ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li, .iklan li {
background:url(http://2.bp.blogspot.com/-De7D9g53n4Y/UCxzDev9q6I/AAAAAAAAAWQ/VnzmgI0XJc4/s1600/panah.gif) no-repeat left;
border-bottom:1px solid black;
margin:0;
padding:1px;
text-indent:15px;
line-height:1.5em;
}
.sidebar .widget, .iklan .widget, .main .widget {
margin:0;
padding:0 0 .1em;
}
.main .Blog {
border-bottom-width: 0;
}
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid lime;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: green;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
#footer {
width: 940px;
clear:both;
margin:10px auto;
line-height: 1.6em;
letter-spacing:.1em;
text-align: center;
}
#hak{
color:  green;
margin-bottom: 10px;
background:#004000;
border: 2px lime solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: -2px 2px 25px lime;
-moz-box-shadow: -2px 2px 25px lime;
box-shadow: -2px 2px 25px lime;
padding:10px;
}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur477.cur), progress;}
#blog-pager a{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;height:80px;opacity:0.4;overflow:hidden;position:fixed;text-indent:-9999px;top:60%;width:80px;z-index:9;margin:0 0 0 5px}
.blog-pager-older-link{background:url(http://4.bp.blogspot.com/-18bHuKvg5ao/TnGg6N1EtWI/AAAAAAAAA6A/ZhKPackZ4WQ/s400/Next.png) no-repeat scroll 0 0 transparent;right:5px;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.blog-pager-newer-link{background:url(http://4.bp.blogspot.com/-QbeWH7P8OSE/TnGg_zIB6nI/AAAAAAAAA6I/TmNTauVcj3U/s400/Prev.png) no-repeat scroll 0 0 transparent;left:0;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}#blog-pager a:hover{opacity:1}
#error-page {
text-align:center;
background: #002400; /* Old browsers */
background: -moz-linear-gradient(top,  #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002400), color-stop(17%,#005700), color-stop(33%,#008a00), color-stop(67%,#52b152), color-stop(83%,#83c783), color-stop(100%,#b4ddb4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-9 */
position:fixed !important;
position:absolute; /* IE6 Fallback */
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:100px;
z-index:99999;
color:#000;
}
